<login>
 <div class="field-row" each={ fields }>
    <div if={ field_type == "char-field" }>
      <char-field data_name={ name } data_value={ value }></char-field>
    </div>
    <div if={ field_type == "date-field" }>
      <date-field data_name={ name } data_value={ value }></date-field>
    </div>
    <!-- insert an ever increasing number of fields here -->
  </div>


<script>
    self = this
    this.fields = [
    { name: "username", field_type: "char-field", value: "me" },
    { name: "birthday", field_type: "date-field", value: "2000-1-1"}
    ]


</script>
</login>

<char-field>
    <input type="input" name={ opts.data_name } value={ opts.data_value }/>
</char-field>

<date-field>
 <input type="data" name={ opts.data_name } value={ opts.data_value } />
</date-field>